<template>
  <div id="app">
      <app-header />
      <div class="main">
        <Nuxt />
      </div>
      <app-footer />
  </div>
</template>
<script>
import APPFooter from '../components/APPFooter.vue'
import APPHeader from '../components/APPHeader.vue'
export default {
  components:{
    APPFooter,
    APPHeader
  }
}
</script>


<style>
html {
  font-family:
    'Source Sans Pro',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    'Helvetica Neue',
    Arial,
    sans-serif;
  font-size: 16px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
}

#app {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.main {
  margin: 0 auto;
}

</style>